<template>
  <div class="shangcheng">
    <div class="redbanner">
      <img src="../assets/sanjiaoxing_shang.png" alt="" />
    </div>
    <div class="info">我是商城组件</div>
  </div>
</template>

<script>
export default {
  name: "Shangcheng",
};
</script>

<style scoped>
.shangcheng {
  height: 700px;
  background-color: #f5f5f5;
}
.redbanner {
  position: relative;
  height: 7px;
  background-color: #c20c0c;
}
.redbanner img {
  position: absolute;
  top: -16px;
  left: 602px;
}
.info {
  width: 980px;
  height: 100%;
  background-color: #fff;
  margin: 0 auto;
  border: 1px solid #d3d3d3;
  border-top: none;
  padding-top: 88px;
}
</style>
